<template>
  <div class="form-maker">
    <maker ref="form" :field-option="FieldOption" @submit="submit"></maker>
  </div>
</template>

<script>
import Maker from "./Maker";
export default {
  props: {
    FieldOption: Object
  },
  data() {
    return {
      form: null
    };
  },
  mounted() {
    this.form = this.$refs.form.form;
  },
  components: { Maker },
  methods: {
    submit(obj, ref) {
      this.$emit("submit", obj, ref);
    }
  }
};
</script>

<style lang="scss" scoped>
.ant-form {
  display: flex;
  flex-wrap: wrap;
}
</style>

